<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <title>商家详情</title>
    <meta content="yes" name="apple-mobile-web-app-capable">
    <meta content="yes" name="apple-touch-fullscreen">
    <meta name="format-detection" content="telephone=no">
    <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no" />
    <link href="css/ydui.css?v=1" rel="stylesheet" />
    <script src="js/ydui.flexible.js"></script>
    <link rel="stylesheet" type="text/css" href="css/all.css"/>
    <link href="https://cdn.bootcss.com/Swiper/3.4.2/css/swiper.min.css" rel="stylesheet">
</head>
	<body>
		<div class="g-flexview">
			<div class="comm-flextitle">
				<p class="goback iconfont icon-back1"></p>
			</div>				
			<div class="g-scrollview">
				<div class="business-head">
					<img src="img/guang_03.jpg"/>
				</div>
				<div class="business-head-info">
					<p class="name">提拉米苏蛋糕</p>
					<p class="info">人均：¥30</p>					
				</div>
				<div class="business-position clearfix">
					<p class="iconfont icon icon-dibiao"></p>
					<p class="text">提拉米苏蛋糕提拉米苏蛋糕提拉米苏蛋糕提拉米苏蛋糕</p>
					<p class="sicon iconfont icon-dianhua"></p>
				</div>
				<p class="business-pre">
					消费满50元返20
				</p>
				<div class="business-coupon clearfix">
					<p class="icon iconfont icon-youhuiquan1"></p>
					<div class="text">
						<p class="name">优惠券</p>
						<p class="info">周一至周日&nbsp;|&nbsp;部分商品可用</p>
						<p class="price"><span>¥8.8</span>代10元</p>
					</div>
					<p class="righticon">已售1 <span class="iconfont icon-fangxiangyou"></span></p>
				</div>
				<div class="business-coupon-list">
					<div class="business-coupon clearfix">
						<p class="icon iconfont icon-youhuiquan1"></p>
						<div class="text">
							<p class="name">优惠券</p>
							<p class="info">周一至周日&nbsp;|&nbsp;部分商品可用</p>
							<p class="price"><span>¥8.8</span>代10元</p>
						</div>
						<p class="righticon">已售1 <span class="iconfont icon-fangxiangyou"></span></p>
					</div>	
					<div class="business-coupon clearfix">
						<p class="icon iconfont icon-youhuiquan1"></p>
						<div class="text">
							<p class="name">优惠券</p>
							<p class="info">周一至周日&nbsp;|&nbsp;部分商品可用</p>
							<p class="price"><span>¥8.8</span>代10元</p>
						</div>
						<p class="righticon">已售1 <span class="iconfont icon-fangxiangyou"></span></p>
					</div>						
				</div>				
				<p class="business-morecoupon">8.8代10 <span class="iconfont icon-fangxiangyou01-copy"></span></p>
				<div class="business-meal">
					<i class="iconfont icon-test"></i>
					<p class="headtitle">堂食套餐</p>
					<div class="business-meallist clearfix">
						<img src="img/11_02.jpg"/>
						<div class="text">
							<p class="name">优惠券</p>
							<p class="info">周一至周日&nbsp;|&nbsp;部分商品可用</p>
							<p class="price"><span>¥8.8</span>代10元</p>
						</div>
						<p class="righticon">已售1 <span class="iconfont icon-fangxiangyou"></span></p>
					</div>	
					<div class="business-meallist clearfix">
						<img src="img/11_02.jpg"/>
						<div class="text">
							<p class="name">优惠券</p>
							<p class="info">周一至周日&nbsp;|&nbsp;部分商品可用</p>
							<p class="price"><span>¥8.8</span>代10元</p>
						</div>
						<p class="righticon">已售1 <span class="iconfont icon-fangxiangyou"></span></p>
					</div>	
					<div class="business-meallist clearfix">
						<img src="img/11_02.jpg"/>
						<div class="text">
							<p class="name">优惠券</p>
							<p class="info">周一至周日&nbsp;|&nbsp;部分商品可用</p>
							<p class="price"><span>¥8.8</span>代10元</p>
						</div>
						<p class="righticon">已售1 <span class="iconfont icon-fangxiangyou"></span></p>
					</div>						
				</div>
				<div class="business-evaluate">
					<div class="head-title clearfix">
						<p>用户评价(68)</p>
						<span class="iconfont icon-gengduo"></span>
					</div>
					<div class="business-evaluate-list  clearfix">
						<img src="img/11_02.jpg"/>
						<div class="listtext">
							<p class="name">姓名<span>2017-12-7</span></p>
							<p class="conttxt">部分商品可用部分商品可用部分商品可用部分商品可用部分商品可用部分商品可用部分商品可用部分商品可用</p>
							<div class="img-classify">
								<div class="tab-item">
									<img src="img/11_02.jpg"/>
								</div>
								<div class="tab-item">
									<img src="img/11_02.jpg"/>
								</div>
								<div class="tab-item">
									<img src="img/11_02.jpg"/>
								</div>						
							</div>							
						</div>
					</div>
					<div class="business-evaluate-list  clearfix">
						<img src="img/11_02.jpg"/>
						<div class="listtext">
							<p class="name">姓名<span>2017-12-7</span></p>
							<p class="conttxt">部分商品可用部分商品可用部分商品可用部分商品可用部分商品可用部分商品可用部分商品可用部分商品可用</p>
							<div class="img-classify">
								<div class="tab-item">
									<img src="img/11_02.jpg"/>
								</div>
								<div class="tab-item">
									<img src="img/11_02.jpg"/>
								</div>
								<div class="tab-item">
									<img src="img/11_02.jpg"/>
								</div>						
							</div>							
						</div>
					</div>
					<div class="business-evaluate-list  clearfix">
						<img src="img/11_02.jpg"/>
						<div class="listtext">
							<p class="name">姓名<span>2017-12-7</span></p>
							<p class="conttxt">部分商品可用部分商品可用部分商品可用部分商品可用部分商品可用部分商品可用部分商品可用部分商品可用</p>
							<div class="img-classify">
								<div class="tab-item">
									<img src="img/11_02.jpg"/>
								</div>
								<div class="tab-item">
									<img src="img/11_02.jpg"/>
								</div>
								<div class="tab-item">
									<img src="img/11_02.jpg"/>
								</div>						
							</div>							
						</div>
					</div>					
				</div>
			</div>
		</div>
	<script src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
	<script>
		$('.business-morecoupon').click(function(){
			$('.business-coupon-list').slideToggle()
		})
		$('.g-scrollview').scroll(function(){
			if($('.g-scrollview').scrollTop()>=200){
				$('.comm-flextitle').addClass('change')
			}else{
				$('.comm-flextitle').removeClass('change')				
			}
		})		
	</script>	
	</body>
</html>
